Skip to main content

12 Next.js

同构应用​

首次请求由服务端解析返回页面，之后客户端操作都是单页应用。

  • 页面打开速度快
  • 搜索引擎友好

文件组织结构​

  1. 页面就是 pages 目录下的一个组件；
  2. static 目录映射静态文件；
  3. page 有特殊静态方法 getInitialProps；

页面中使用其它 React 组件​

可以使用其它 React 组件，页面会针对性打包，仅包含其引入的组件。

不会刷新页面，可以使用 prefetch 预加载所有的资源。使用 replace 替换 URL。

动态加载​

只有动态加载的组件需要渲染的时候才会真正加载进来。